<template>
    <div class="archivesManage">
        <div class="pl-3 mt-3">档案管理</div>
        <hr>
        <div class="border m-3 p-2" style="height:86vh;">
            <div>现有档案</div>
            <div class="d-flex border py-2 mt-2 border-bottom-0" style="height:78vh;">
                <div class="w-25 overflow-auto border-right h-100">
                    <a-menu
                        mode="inline"
                    >
                        <a-menu-item key="1">
                            <a-icon type="file" />
                            <span>XXX1档案</span>
                        </a-menu-item>
                        <a-menu-item key="2">
                            <a-icon type="file" />
                            <span>XXX2档案</span>
                        </a-menu-item>
                        <a-menu-item key="3">
                            <a-icon type="file" />
                            <span>XXX3档案</span>
                        </a-menu-item>
                        <a-menu-item key="4">
                            <a-icon type="file" />
                            <span>XXX4档案</span>
                        </a-menu-item>
                        <a-menu-item key="5">
                            <a-icon type="file" />
                            <span>XXX5档案</span>
                        </a-menu-item>
                        <a-menu-item key="6">
                            <a-icon type="file" />
                            <span>XXX6档案</span>
                        </a-menu-item>
                        <a-menu-item key="7">
                            <a-icon type="file" />
                            <span>XXX7档案</span>
                        </a-menu-item>
                    </a-menu>
                </div>
                <div class="w-75 h-100 text-center" style="line-height: 78vh;">
                    公告内容
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "archives",
}
</script>

<style scoped>
i + span{
    vertical-align: middle;
}
</style>